🌐
Web3 UX Design Handbook
Search
Web3 UX Design Handbook
🌐

Web3 UX Design Handbook

by Jon Crabb

Start Here

đŸĨŽ
How to Use - READ THIS FIRST!
🚨
Disclaimer
 

1. Intro to Web3


What is Web3?

⭐
Intro
🚩
How we got here
🏈
How to learn DeFi
😠
Ten common frustrations with Web3

Philosophy

🧐
Cynic Traps
đŸ—ģ
Innovation S Curves and Gartner Hype Cycles
🐸
Respect the degen
🤑
Money corrupts and karma is a bitch
 

2. DeFi Pain Points and How to Fix them


Connecting

🧩
Connections
âžĄī¸
Transaction flows
đŸĻŠ
Wallet messages

DeFi Basics

đŸĨ…
Navbars and Menus
💲
Fees
🚌
Less clicking

DeFi Advanced

💸
Dexes
🚰
Liquidity & Yield
🧘
Loans, Health, TVL, and Safety Score

How to Help Users

📋
Tell me what to do - instructions and tips
🚨
Error messages
 

3. Cool Tools


The Tools

👍
7 Heuristics for Web3 Design
🧠
Relevant biases and cognitive principles
đŸ•šī¸
How to do competitive analysis
đŸ‘Ĩ
Web3 proto-personas
đŸ“ĸ
A therapeutic rant about personas

Checklists

đŸŽ¯
Function Checklist
đŸĻž
Accessibility Checklist
😇
Morality Checklist
 
 

4. How to Design Better Web3 Experiences


Design Tips

🔎
Accessibility and easy wins
âœī¸
How to write better copy
🔠
Typography
✨
Guiding principles to keep coming back to
 

5. Next stop, the future


đŸŽšī¸
The Levels of Web3 User Experience
❓
Some big questions to ask ourselves
 

☞ Who, What, Why?


👋
Who wrote this, why?
âšŊ
What next?
Â